<!--<div class="card" style="padding-bottom:0px">
    <div class="card-block" style="padding-bottom:0px"> -->
        <div class="col-sm-12" style="height:56px">
            <div class="btn-group pull-right">
                <button type="button" class="btn btn-warning active" data-calendar-view="month" data-th-text="#{meeting.schedule.month}" style="width:40px;"></button>
                <button type="button" class="btn btn-warning" data-calendar-view="week" data-th-text="#{meeting.schedule.week}" style="width:40px;"></button>
                <button type="button" class="btn btn-warning" data-calendar-view="day" data-th-text="#{meeting.schedule.day}" style="width:40px;"></button>
            </div>

            <div class="btn-group pull-right" style="margin-right: 20px;">
                <button type="button" class="btn btn-primary" data-calendar-nav="prev"  data-th-text="#{meeting.schedule.prev}" ><!--<span class="zmdi zmdi-backward"></span>--></button>
                <button type="button" class="btn btn-default" data-calendar-nav="today" style="border: 1px solid #e1e1e1;background-color: #ffffff;height:36px"><font color="#333333">[[#{meeting.schedule.today}]]</font></button>
                <button type="button" class="btn btn-primary" data-calendar-nav="next" data-th-text="#{meeting.schedule.next}" ></button><!--<span class="zmdi zmdi-forward"></span>-->
            </div>
            <h3 class="page-header" style="padding-top: 34px;padding-left: 14px;color:#000;font-size:24px"></h3>
        </div>

        <div class="row" >
            <div class="col-sm-2" style="margin-top:10px;">
                <button type="button" class="btn btn-primary" data-th-text="#{meeting.booking}" id="my-schedule-booking"></button>
                <ul style="height:590px;margin-top: 6px;border: 1px solid #e1e1e1;border-radius: 5px 0 0 5px;">
                    <li class="tpv-nav-header" data-th-text="#{meeting.schedule.select}"></li>
                    <hr width="100%" color="#e1e1e1" size="1" style="margin-top: 0px;margin-bottom: 2px;border: 0;border-top: 1px solid #eee;margin-left: 0px;margin-right: 0px;"></hr>
                    <div class="scrollbar-inner scrollbar-inner1" >
                        <li class="tpv-nav-item" th:each="meetingRoom:${meetingRooms}" th:value="${meetingRoom.roomId}" th:text="${meetingRoom.meetingRoomName}"></li>
                    </div>
                </ul>
            </div>

            <div class="col-sm-10">
                <div id="calendar"></div>
            </div>
        </div>
    <!--</div>
</div> -->
<!-- add by aaron.wei 2019.01.23 -->
<script type="text/javascript">
    $(function () {
        $('.scrollbar-inner').scrollbar({
            "onScroll": function(y, x){
                
            }
        });
    });
</script> 